<template>
    <div>
    <!--轮播图-->
        <div class="lunbotu">
    <mt-swipe :auto="3000">
        <mt-swipe-item>
            <img src="../images/nide01.jpg"/>
        </mt-swipe-item>
        <mt-swipe-item>
            <img src="../images/nide02.jpg"/>
        </mt-swipe-item>
        <mt-swipe-item>
            <img src="../images/nide03.jpg"/>
        </mt-swipe-item>
    </mt-swipe>
        </div>

    <!--九宫格-->
    <div class="mui-content">
        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                <span class="mui-icon mui-icon-home"></span>
                <div class="mui-media-body">Home</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
                <div class="mui-media-body">Email</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                <span class="mui-icon mui-icon-chatbubble"></span>
                <div class="mui-media-body">Chat</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                <span class="mui-icon mui-icon-location"></span>
                <div class="mui-media-body">location</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                <span class="mui-icon mui-icon-search"></span>
                <div class="mui-media-body">Search</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                <span class="mui-icon mui-icon-phone"></span>
                <div class="mui-media-body">Phone</div></a></li>
        </ul>
    </div>


    </div>
</template>
<script>

</script>

<style scoped>


    body {
        /*padding-top: 50px;*/
    }

    .lunbotu .mint-swipe {
        height: 218px;
    }

    .lunbotu img{
        width: 100%;
        height: 218px;
    }


    .mui-grid-view.mui-grid-9 .mui-media{
        color: black;
    }

    ul li[data-v-8dc7cce2]{
        background-color: white !important;
    }
    ul{
        margin: 0 !important;
    }
</style>